<template>
  <v-container class="ma-0 pa-0 d-flex overflow-y-scroll" :height="getPHVal">
    <v-row class="ma-0 pa-0">
      <v-col cols="4">
        <Avatar />
      </v-col>
      <v-col cols="8" :height="getPHVal" class="rp">
        <AboutMe />
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
import Avatar from '../components/Avatar';
import AboutMe from '../components/Aboutme';
import { mapGetters } from 'vuex';

export default {
  components: {
    Avatar,
    AboutMe,
  },
  computed: {
    ...mapGetters(['getPHVal']),
  },
  getAboutMeH() {
    return this.getMainPHVal - 50;
  },
};
</script>

<style lang="sass">
.rp
	overflow-y: auto
</style>
